body{
    background-color: #f5f5f5;
}
.cartheader{
    height: 100px;
    width: 100%;
    background-color: palegoldenrod;
    font-size: 12px;
    border-bottom: 2px solid #ff6700;
    background: #fff;
    color: #b0b0b0;
    line-height: 100px;
}
.cartheader .left {
    width: 56px;
    height: 56px;
    margin-right: 76px;
    padding-top: 20px;
    box-sizing: content-box;
    float: left;
  }
  .cartheader .left a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://s02.mifile.cn/assets/static/image/logo-mi2.png) no-repeat center center;
    background-size: 56px 56px;
    text-indent: -9999px;
  }
  .cartheader .left a:active {
    background-size: 45px 45px;
  }
  .cartheader h2{
      display: inline-block;
      color: #424242;
      font-size: 28px;
  }
  .cartheader span{
    margin-top: 20px;
    margin-left: 15px;
    color: #757575;
    font-size: 12px;
  }
  /* <!-- 购物车内容 --> */
  .mi_main{
    width: 100%;
    margin-top: 38px;
  }
  .mi_main table{
      width: 100%;
      background-color: #fff;
  }
  .mi_main table thead{
     text-align:center;
     height: 70px;
     padding-right: 26px;
    
  }
  .mi_main table th{
       border-bottom:1px solid #ccc ;
  }
  .mi_main table tbody{
    text-align:center;
  }
  .mi_main table tbody tr td{
      height: 116px;
      padding: 15px 20px;
      box-sizing: border-box;
  }
  .mi_main table tbody tr td:nth-child(2){
    position: relative;
  }
  .mi_main table tbody tr td img{
      width: 80px;
      height: 80px;
     position: absolute;
     top: 18px;
     left: 0px;
     /* bottom: -26px; */
  } 
  .mi_main table tbody tr td span{
       /* position: relative; */
       left: 114px;
  }
  .mi_main table tbody tr td .number{
      width: 150px;
      height: 40px;
      position: relative;
  }
  .mi_main table tbody tr td .number .reduce{
      position: absolute;
      left: 0px;
      top: 0px;
      width: 38px;height: 40px;
  }
  .mi_main table tbody tr td .number input{
      width: 72px;
      height: 36px;
      position: absolute;
      left: 37px;
  }
 .mi_main table tbody tr td .number .add{
      position: absolute;
      right: 0px;
      top: 0px;
      width: 38px;
      height: 40px;
  }
  /* 空购物车 */
  .kong{
    margin-top: 100px;
      height: 265px;  
      /* background-color: #f5f5f5; */
  }
  .kong .left{
      float: left;
  }
  .kong .left img{
      margin-left: 100px;
  }
  .kong .right{
      float: left;
      margin-left: 100px;
    
  }
  .kong .right h2{
      font-size: 36px;
      color: #b0b0b0;
  }
  .kong .right p{
    font-size: 20px;
    color: #b0b0b0;
  }
  .kong .right a{
      width: 170px;
      height: 48px;
      display: inline-block;
      border: 1px solid #ff6700;
      color: #fff;
      text-align: center;
      line-height: 48px;
      margin-top: 20px;
  }
  /* <!-- 继续购物 --> */
  .settlement{
       height: 50px;
       margin-top: 38px;
       background-color: #fff;
  }
  .settlement .js{
     float: left;
    color: #757575;
      font-size: 14px;
      line-height: 50px;
       margin-left: 32px;
  } 
  .settlement .js a{
       color: #757575;
  }
  .settlement .js span{
      margin: 0px 10px;
  }
  .settlement .js p{
      display: inline-block;
  }
  .settlement .js p i{
      color: #ff6700;
  }
  .settlement .jsright{
      float: right;
  }
  .settlement .jsright p{
    color: #ff6700;
    float: left;
  }
  .settlement .jsright p i{
      font-size: 30px;
  }
  .settlement .jsright a{
      display: inline-block;
      width: 200px;
      height: 48px;
      background-color: #b0b0b0;
      text-align: center;
      margin-left: 30px;
      font-size: 18px;
      line-height: 48px;
      color: #e0e0e0;
  }
  /* .settlement .js p i{
      background-color: red;
  } */
  
   
